@import '../../assets/styles/mixins/index.less';

@prefix: ~'@{css-prefix}-icon-selector';
.@{prefix}-icon-wrapper {
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 26px;
  cursor: pointer;
  .flex(@justify: center, @align: center);

  &.active {
    color: @primary-color;
    outline: 1px solid @primary-color;
  }
}

.@{prefix}-selected {
  &-icon {
    font-size: 26px;
    &-placeholder {
      display: block;
      color: @text-color;
      font-size: 14px;
    }
  }
  .ant-button {
    margin-left: @space;
  }
  .flex(@align: center);
}
